@import "@/styles/__index.less";

.category-title {
  user-select: none;
  background-image: url("@/assets/category-bg-icon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding: 10px 10px 10px 40px;

  .category-line {
    width: 100%;
    height: 10px;
    margin: 10px 0px;
    //background-image: url("@/assets/category-title-line.png");
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }

  .category-content {
    display: flex;
    align-items: center;

    .category-icon {
      width: 12px;
      height: 11px;
      margin-right: 10px;
      //background-image: url("@/assets/category-title-icon.png");
    }

    .title-group {
      flex: 1;
      display: flex;
      align-items: center;

      .title {
        .pmzd-blue;
        font-size: 20px;
        margin-right: 6px
      }

      .title-sub {
        .pmzd-blue;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 8px;
        font-weight: bold;
        line-height: 1.5em;
        letter-spacing: -1px;
        margin-top: 4px;
        //transform: scale(0.8);
        transform-origin: left;
      }
    }

    .title-export {
      color: #478787;

      .icon {
        margin-left: 6px;
        transform: rotateZ(90deg);
        display: inline-block;
      }
    }

    .title-filter {
      color: #478787;

      .icon {
        margin-left: 6px;
        transform: rotateZ(180deg);
        display: inline-block;
      }
    }
  }
}
